<style lang=less>
	@import './home.less';
	.el-dialog__body {
		text-align: center;
	}
	.fenge{
		width: 100%;
		min-width: 1280px;
		background:url(../../assets/image/index/fenge.png) center center no-repeat;
		background-size: cover;
		height: 1px;
	}
</style>
<template lang="html">
	<div class="index_main">
		<div id="home">
			<section class="sowingmap">
				<Sowingmap></Sowingmap>
			</section>
			<p class="fenge"></p>
			<section class="bannerCenter">
				<div class="bannerheader">
					<h2>{{$t("home.main2[0]")}}</h2><!-- 世界领先的数字资产交易 -->
					<p>{{$t("home.main2[1]")}}</p><!-- 一站式场内场外服务，安全稳定，交易新体验 -->
					<IndexCommodity></IndexCommodity>
				</div>
			</section>
			<p class="fenge"></p>
			<section class="chooseIOAEX">
				<div class="chooseIOAEXHeader">
					<h2>{{$t("home.main3[0]")}}</h2><!-- HUB,超过五年的交易平台运营整体方案支持 -->
					<p>{{$t("home.main3[1]")}}</p><!-- 世界级金融团队实力打造，让您的交易更安全、更流畅 -->
				</div>
				<div class="fourImg">
					<ul class="fourLiWarp">
						<li>
							<img src="../../assets/image/index/ico_1.png" alt="" />
							<h2>{{$t("home.main3[2]")}}</h2><!-- 分布式终端服务 -->
							<p>{{$t("home.main3[3]")}}</p><!-- 采用最新进的中烟终端客户，单点转移，多点计算让您的交易更流畅 -->
						</li>
						<li>
							<img src="../../assets/image/index/ico_2.png" alt="" />
							<h2>{{$t("home.main3[4]")}}</h2><!-- 安全可靠 -->
							<p>{{$t("home.main3[5]")}}</p><!-- 冷储存、SSL、多重加密等银行级别安全技术、十年金融安全团队、多重保障资产安全 -->
						</li>
						<li>
							<img src="../../assets/image/index/ico_3.png" alt="" />
							<h2>{{$t("home.main3[6]")}}</h2><!-- 交易便捷 -->
							<p>{{$t("home.main3[7]")}}</p><!-- 支持多终端交易、WEB、APP行情及时掌握、快速交易、贴心服务、全球市场、交易随时随地 -->
						</li>
						<li style="margin-right:0px;">
							<img src="../../assets/image/index/ico_4.png" alt="" />
							<h2>{{$t("home.main3[8]")}}</h2><!-- 客户技术服务 -->
							<p>{{$t("home.main3[9]")}}</p><!-- 独立的客户服务系统及技术支持系统，为您解决交易中多客户交易问题 -->
						</li>
					</ul>
				</div>
			</section>
			<p class="fenge"></p>
			<section class="platform" style="display: none;">
				<div class="platformWarp">
					<div class="platformHeader">
						<h2>友情链接</h2>
						<!-- <p>IOAEX 汇聚全球用户，致力于打造世界级的区块链资产平台</p> -->
					</div>
				</div>
				<div class="fourImg">
					<ul class="fourLiWarp">
						<li>
							<a href="http://www.8btc.com">
								<img src="../../assets/image/index/logo1.png" alt="" />
							</a>
						</li>
						<li>
							<a href="http://www.bishijie.com">
								<img src="../../assets/image/index/logo2.png" alt="" />
							</a>
						</li>
						<li >
							<a href="http://www.feixiaohao.com">
								<img src="../../assets/image/index/logo3.png" alt="" />
							</a>
						</li>
						<li>
							<a href="http://www.jinse.com">
								<img src="../../assets/image/index/logo4.png" alt="" />
							</a>
						</li>
						<li>
							<a href="http://www.mytoken.io">
								<img src="../../assets/image/index/logo5.png" alt="" />
							</a>
							
						</li>
						<li style="margin-right:0px;">
							<a href="http://www.ihuoqiu.com/">
								<img src="../../assets/image/index/logo6.png" alt="" />
							</a>
						</li>
					</ul>
				</div>
			</section>
			<!--弹框-->
			<el-dialog title="扫码下载" width="420px" :visible.sync="dialogFormVisible">
				<img src="../../assets/image/index/upload.png" alt="" />
				<div slot="footer" class="dialog-footer">
					<el-button @click="dialogFormVisible = false"  type="primary">确定</el-button>
				</div>
			</el-dialog>
			<!--tankuang2-->
			<el-dialog title="提示" width="420px" :visible.sync="tankuang">
				<div class="el-message-box__content" style="position: relative; top: -15px;">
					<div class="el-message-box__status el-icon-warning" style="left: 20px;"></div>
					<div class="el-message-box__message">
						<span style="float: left;position: relative;top: -8px;left: 8px; font-size: 16px;">稍后开放</span>
					</div>
				</div>
			</el-dialog>
		</div>
		</div>
		</div>
	</div>
</template>

<script>
	import Sowingmap from "./sowingMap.vue";
	import IndexCommodity from "./indexcommodity.vue";
	export default {
		data() {
			return {
				list: [],
				dialogFormVisible: false,
				tankuang:false,
			}
		},
		methods: {
			requestPublic: function() {
				var _this = this;
				_this.$http.get(_this.$http.zixunList, {
						params: {}
					})
					.then((res) => {
						_this.list = res.data.data.res;
					});
			},
			goUrl(url) {
				if(url == 'windows' || url == 'mac') {
					this.tankuang = true;
					return false;
				}

				this.dialogFormVisible = true;
			}
		},
		created: function() {
			var _this = this;
			_this.requestPublic();
			
		},
		mounted:function(){
			// var head = document.getElementsByTagName('head')[0];
			// var script = document.createElement('script');
			// script.type = 'text/javascript';
			// script.src = 'https://www.365webcall.com/IMMe1.aspx?settings=mw7mbbXN6PNb7wz3A7mNmmz3Am0b7Pwz3AX6mmPm';
			// head.appendChild(script);
		},
		components: {
			"Sowingmap": Sowingmap,
			"IndexCommodity": IndexCommodity
		}
	}
</script>